<template>
  <div class="paycostDetail" id="paycostDetail">
    <p style="font-size: 17px;height: 48px;line-height: 48px;">学生信息</p>
    <el-table :data="tableData" border style="width: 100%">
      <el-table-column prop="name" label="姓名" width="100" align="center"></el-table-column>
      <el-table-column prop="notice_number" label="学号" width="180" align="center"></el-table-column>
      <el-table-column prop="grade" label="年级" width="180" align="center"></el-table-column>
      <el-table-column prop="courtyard_department" label="院系" align="center"></el-table-column>
      <el-table-column prop="professional" label="专业" align="center"></el-table-column>
      <el-table-column prop="card_number" label="一卡通号码" align="center"></el-table-column>
      <el-table-column prop="other_phone" label="原始手机号码" align="center"></el-table-column>
      <el-table-column prop="" label="学校手机号码" align="center"></el-table-column>
      <el-table-column  label="是否退学" align="center">
           <template slot-scope="scope">
                {{scope.row.is_out_school==1?'是':'否'}}
            </template>
      </el-table-column>
    </el-table>
    <p style="font-size: 17px;height: 48px;line-height: 48px;">收费信息</p>
    <el-table :data="tableData" border style="width: 100%">
      <el-table-column prop="amount_payable" label="应收" align="center"></el-table-column>
      <el-table-column prop="amount_real" label="实收" align="center"></el-table-column>
    </el-table>
    <el-table :data="tableData" border style="width: 100%">
       <el-table-column prop="wechat" label="微信" align="center">
        </el-table-column>
        <el-table-column prop="alipay" label="支付宝" align="center">
        </el-table-column>
         <el-table-column prop="unionpay" label="银联" align="center">
         </el-table-column>
          <el-table-column prop="cash" label="现金" align="center">
          </el-table-column>
     </el-table>
    <p style="font-size: 17px;height: 48px;line-height: 48px;">收费项目详情</p>
   <el-table :data="chargeTableData" border style="width: 100%">
      <el-table-column prop="charge_name" label="收费项目"  align="center"></el-table-column>
      <el-table-column prop="money" label="收费金额" align="center"></el-table-column>
      <el-table-column prop="created_at" label="收费时间" align="center"></el-table-column>
    </el-table>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        pay_type: {
          0: '银联',
          1: '支付宝',
          2: '微信',
          3: '现金'
        },
        tableData: [],
        chargeTableData: [],
        getPaycostDetail: {}
      }
    },
    created() {

    },
    beforeMount() {
      var self = this;
      self.getTableData();
    },
    methods: {
      /* 获得表格数据 */
      getTableData() {
        var self = this;
       self.tableData = [this.$store.state.paycostData];

        let list=this.$store.state.paycostData
        self.chargeTableData = list.pay_items;

      }
    }
  }
</script>

<style>
</style>
